<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<meta charset="UTF-8">
	<title>无牌订单查询</title>
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
	<style type="text/css">
		* {
			margin: 0;
			padding: 0;
			list-style: none;
			border: 0;
			box-sizing: border-box;
		}
		.advertising{
			width: 100%;
			height: 15vw;
			background-color: rgb(0, 102, 255);
			color: white;
			font-size: 30px;
			text-align: center;
			line-height: 15vw;
		}
		.clearfix:after {
			content: ".";
			display: block;
			font-size: 0;
			height: 0;
			clear: both;
			visibility: hidden;
		}
		.clearfix {
			display: inline-table;
		}
		.clearfix {
			display: block;
		}

		.che_tit {
			text-align: center;
			padding: 20px;
		}

		.ul_pro {
			background-color: #CED3D9;
			text-align: center;
			padding: 4px 2px;
			font-size: 14px;
		}

		.ul_pro li {
			float: left;
			width: 11.11%;
			padding: 2px;
			box-sizing: border-box;
		}

		.ul_pro .li_close {
			float: right;
			width: 22.22%;
		}

		.ul_pro .li_close span {
			background-color: #ACB3BB;
		}

		.ul_pro .li_clean {
			float: right;
			width: 22.22%;
		}

		.ul_pro li span {
			display: block;
			background-color: #fff;
			border-radius: 4px;
			box-shadow: 2px 2px 2px #888888;
			/* max-width:48px; margin:0 auto; */
			line-height: 32px;
			padding-top: 2px;
		}

		.ul_pro li span:active {
			background-color: #4DA9F2;
			color: #fff;
		}

		.ul_input {
			padding: 20px;
			width: 400px;
			margin: 0 auto;
		}

		.ul_input li {
			float: left;
			width: 12.5%;
			/* padding: 2px; */
			text-align: center;
		}

		.ul_input li span {
			display: flex;
			background-color: #fff;
			border: 1px solid #ccc;
			border-radius: 4px;
			width: 40px;
			margin: 0 auto;
			height: 40px;
			line-height: 40px;
			justify-content: center;
			/* text-align: center; */
			/* margin: 0 auto; */
			/* flex-wrap: wrap; */
		}

		.ul_keybord {
			background-color: #CED3D9;
			text-align: center;
			padding: 4px 2px;
			font-size: 14px;
		}

		.ul_keybord li {
			float: left;
			width: 10%;
			padding: 2px;
			box-sizing: border-box;
		}

		.ul_keybord .ikey20 {
			margin-left: 5%;
		}

		.ul_keybord .li_w {
			width: 11.11%;
		}

		.ul_keybord .li_close {
			float: right;
			width: 22.22%;
		}

		.ul_keybord .li_close span {
			background-color: #ACB3BB;
		}

		.ul_keybord .li_clean {
			float: right;
			width: 22.22%;
		}

		.ul_keybord li span {
			display: block;
			background-color: #fff;
			border-radius: 4px;
			box-shadow: 2px 2px 2px #888888;
			/* max-width:48px; margin:0 auto; */
			line-height: 32px;
			padding-top: 2px;
		}

		.ul_keybord li span:active {
			background-color: #4DA9F2;
			color: #fff;
		}

		#park-timekeeping{
			margin: 0 auto;
			width: 60%;
			height: 40px;
			border-radius: 3px;
			background-color: #4DA9F2;
			color: white;
			
		}
		.new-energy span{
			font-size: 13px ;
			line-height: 18px !important;
		}
	</style>
	<link href="static/admin/css/layer.css" type="text/css" rel="styleSheet" id="layermcss">
</head>

<body>
	<div style="width: 100%;height: 100%;margin: 0 auto;text-align: center;">
		<div class="advertising">
			{$parkingname}
		</div>
		<div class="che_tit">输入车牌</div>
			<div class="car_input" data-pai="">
				<ul class="clearfix ul_input">
					<li class="input_pro"><span></span></li>
					<li class="input_pp input_zim"><span></span></li>
					<li class="input_pp"><span></span></li>
					<li class="input_pp"><span></span></li>
					<li class="input_pp"><span></span></li>
					<li class="input_pp"><span></span></li>
					<li class="input_pp"><span></span></li>
					<li class="input_pp new-energy-input" style="display: none;"><span></span></li>
					<li class="new-energy"><span>新能源</span></li>
				</ul>
			</div>
			<div id="a"></div>
			<button id="park-timekeeping" >查询</button>
		<input type="hidden" value="{$system}" id="hid">
		<input type="hidden" value="{$user_id}" id="user_id">
	</div>

	<script type="text/javascript" src="static/admin/js/jquery.js"></script>
	<script src="static/admin/js/layer.js" type="text/javascript"></script>
	<script src="static/admin/js/index.js" type="text/javascript"></script>
	<script type="text/javascript">
		var newEnergy = false;
		$("#park-timekeeping").on("click",()=>{
            var system = $("#hid").val();
			var car_number = $("#a").text();
			var user_id = $("#user_id").val();
				var url = '{:url("noCarFind")}';
				if($("#a").text().length >= 7){
				    $.post(url,{system:system,car_number:car_number,user_id:user_id},function (r) {
						if (r.status == 0){
						    alert(r.error);
						}else {
                            location.href = "{:url('noCarPayWx')}?system="+system+'&car_number='+car_number;
						}
                    },'json');
				}else{
					alert("请输入正确车牌格式")
				}
		})
		$(".new-energy").on("click",()=>{
			newEnergy = true;
			$(".new-energy").css("display","none");
			$(".new-energy-input").css("display","inline");
		})
	</script>
	<div id="layui-m-layer6" class="layui-m-layer layui-m-layer1" index="6">
		<div class="layui-m-layermain">
			<div class="layui-m-layersection">
				<div class="layui-m-layerchild  layui-m-anim-up" style="position:fixed; bottom:0; left:0; width: 100%; height: auto; padding:0; border:none;">
					<div class="layui-m-layercont">
						<div id="pro">
							<ul class="clearfix ul_pro">
								<li><span onclick="chooseProvince(this);">京</span></li>
								<li><span onclick="chooseProvince(this);">沪</span></li>
								<li><span onclick="chooseProvince(this);">浙</span></li>
								<li><span onclick="chooseProvince(this);">苏</span></li>
								<li><span onclick="chooseProvince(this);">粤</span></li>
								<li><span onclick="chooseProvince(this);">鲁</span></li>
								<li><span onclick="chooseProvince(this);">晋</span></li>
								<li><span onclick="chooseProvince(this);">冀</span></li>
								<li><span onclick="chooseProvince(this);">豫</span></li>
								<li><span onclick="chooseProvince(this);">川</span></li>
								<li><span onclick="chooseProvince(this);">渝</span></li>
								<li><span onclick="chooseProvince(this);">辽</span></li>
								<li><span onclick="chooseProvince(this);">吉</span></li>
								<li><span onclick="chooseProvince(this);">黑</span></li>
								<li><span onclick="chooseProvince(this);">皖</span></li>
								<li><span onclick="chooseProvince(this);">鄂</span></li>
								<li><span onclick="chooseProvince(this);">津</span></li>
								<li><span onclick="chooseProvince(this);">贵</span></li>
								<li><span onclick="chooseProvince(this);">云</span></li>
								<li><span onclick="chooseProvince(this);">桂</span></li>
								<li><span onclick="chooseProvince(this);">琼</span></li>
								<li><span onclick="chooseProvince(this);">青</span></li>
								<li><span onclick="chooseProvince(this);">新</span></li>
								<li><span onclick="chooseProvince(this);">藏</span></li>
								<li><span onclick="chooseProvince(this);">蒙</span></li>
								<li><span onclick="chooseProvince(this);">宁</span></li>
								<li><span onclick="chooseProvince(this);">甘</span></li>
								<li><span onclick="chooseProvince(this);">陕</span></li>
								<li><span onclick="chooseProvince(this);">闽</span></li>
								<li><span onclick="chooseProvince(this);">赣</span></li>
								<li><span onclick="chooseProvince(this);">湘</span></li>
								<li class="li_close" onclick="closePro();"><span>关闭</span></li>
								<li class="li_clean" onclick="cleanPro();"><span>清空</span></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>